<?php $__env->startSection('title', 'OWL CRM Dashboard'); ?>

<?php $__env->startSection('content_header'); ?>
    <h1>Dashboard</h1>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
    <p>Welcome to the OWL CRM admin panel.</p>
    <div class="row">
        <div class="col-lg-3 col-6">
            <div class="small-box bg-info">
                <div class="inner">
                    <h3><?php echo e($newLeadCount); ?></h3>
                    <p>New Leads</p>
                </div>
                <div class="icon">
                    <i class="fas fa-chart-bar"></i>
                </div>
                <a href="<?php echo e(route('leads.index')); ?>" class="small-box-footer">More info <i
                        class="fas fa-arrow-circle-right"></i></a>
            </div>
        </div>

        <div class="col-lg-3 col-6">
            <div class="small-box bg-danger">
                <div class="inner">
                    <h3><?php echo e($hotLeadCount); ?></h3>
                    <p>Hot Leads</p>
                </div>
                <div class="icon">
                    <i class="fas fa-chart-bar"></i>
                </div>
                <a href="<?php echo e(route('leads.index')); ?>" class="small-box-footer">More info <i
                        class="fas fa-arrow-circle-right"></i></a>
            </div>
        </div>

        <div class="col-lg-3 col-6">
            <div class="small-box bg-success">
                
                <div class="inner">
                    <?php if($leadCount > 0): ?>
                        <h3> <?php echo e(number_format(($finalLead / $leadCount) * 100)); ?><sup
                                style="font-size: 20px">%</sup></h3>
                    <?php else: ?>
                        <h3>0<sup style="font-size: 20px">%</sup></h3>
                    <?php endif; ?>
                    <p>Conversion Rate <?php echo e($finalLead); ?>/<?php echo e($leadCount ?? 0); ?></p>
                </div>
                <div class="icon">
                    <i class="fas fa-user-tag"></i>
                </div>
                <a href="<?php echo e(route('leads.index')); ?>" class="small-box-footer">More info <i
                        class="fas fa-arrow-circle-right"></i></a>
            </div>
        </div>

    </div>
    <div class="row">
        <div class="col-md-8">
            <div class="card card-dark">
                <div class="card-header">
                    <h3 class="card-title">Reminders</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                        
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-bordered table-striped table-hover w-100">
                        <thead>
                            <tr>
                                <th>Reminder To</th>
                                <th>Created By</th>
                                <th>Description</th>
                                <th>Reminder Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php $__currentLoopData = $reminders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $reminder): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                
                            <tr>
                                <td><?php echo e($reminder->user ? $reminder->user->first_name . ' ' . $reminder->user->last_name : ''); ?></td>
                                <td><?php echo e($reminder->created_by_user ? $reminder->created_by_user->first_name . ' ' . $reminder->created_by_user->last_name : ''); ?></td>
                                <td><?php echo e($reminder->description); ?></td>
                                <td><?php echo e($reminder->reminder_date); ?></td>
                            </tr>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            
                        </tbody>
                    </table>
                    
                </div>
                <div class="card-footer">
                    <a href="<?php echo e(route('reminder.index')); ?>" class="float-right">View All <i
                            class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>

            <div class="card card-dark">
                <div class="card-header">
                    <h3 class="card-title">Tasks</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                        
                    </div>
                </div>
                <div class="card-body">
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a href="<?php echo e(route('task.index')); ?>" class="nav-link">
                                Leads <span class="float-right badge bg-primary"><?php echo e($leadTaskCount); ?></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="<?php echo e(route('task.index')); ?>" class="nav-link">
                                Users <span class="float-right badge bg-info"><?php echo e($userTaskCount); ?></span>
                            </a>
                        </li>
                        
                    </ul>
                </div>
                <div class="card-footer">
                    <a href="<?php echo e(route('task.index')); ?>" class="float-right">View All <i
                            class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>

            

            
        </div>
        <div class="col-md-4">
            <div class="card card-dark">
                <div class="card-header">
                    <h3 class="card-title">Leads Overview</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                        
                    </div>
                </div>
                <div class="card-body">
                    <div class="chartjs-size-monitor">
                        <div class="chartjs-size-monitor-expand">
                            <div class=""></div>
                        </div>
                        <div class="chartjs-size-monitor-shrink">
                            <div class=""></div>
                        </div>
                    </div>
                    <canvas id="pieChart"
                        style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%; display: block; width: 342px;"
                        width="427" height="312" class="chartjs-render-monitor"></canvas>
                </div>

            </div>
            <div class="card card-dark">
                <div class="card-header">
                    <h3 class="card-title">Latest Activity</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                        
                    </div>
                </div>
                <div class="card-body">
                    <?php echo $__env->make('users.partials.activity-timeline', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                </div>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('css'); ?>
    
    
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js'); ?>
    <script>
        console.log("Hi, I'm using the Laravel-AdminLTE package!");
    </script>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('js'); ?>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script>
        $(function() {
            // Prepare data
            var data = {
                labels: ["New Leads", "Hot Leads", "Cold Leads", "Converted Leads"],
                datasets: [{
                    // data: [12, 44, 80, 30],
                    data: [<?php echo e($newLeadCount); ?>, <?php echo e($hotLeadCount); ?>, <?php echo e($coldLeadCount); ?>,
                        <?php echo e($convertedLeadsCount); ?>,

                    ],
                    backgroundColor: ["#36A2EB", "#dc3545", "#adb5bd", "#008000"],
                    hoverBackgroundColor: ["#36A2EB", "#dc3545", "#adb5bd", "#008000"]
                }]
            };

            // Get context with jQuery - using jQuery's .get() method.
            var pieChartCanvas = $("#pieChart").get(0).getContext("2d");

            // Create the pie chart
            var pieChart = new Chart(pieChartCanvas, {
                type: 'pie',
                data: data
            });
        });
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('adminlte::page', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/owlcrm/resources/views/users/dashboard.blade.php ENDPATH**/ ?>